🐥 新手開發日記
本系列文章紀錄初學者從零開始建構產品的過程。內容以基礎觀念實作與學習筆記為主，如果發現內容較為簡單，(沒錯！你是對的xD！)還請多多包涵。

確立了自身的痛點後，下一步就是進行 MVP（Minimum Viable Product，最小可行性產品） 的功能範疇收斂。為了確保能順利在 30 天內產出，我將核心功能劃分為三大模塊：

1. 核心計時器模塊（Timer Core）

這是整個應用的心臟。為了極簡化操作流程，畫面上方提供主任務與子任務的快速選單，點擊下方按鈕即可開始計時。

• 備註欄位（Notes）： 結合我自己的實際使用情境，有時候會在當下隨手記錄想法。因此我設計了一個彈性的備註欄位，讓使用者在計時前、中、後都能隨時編輯，這些備註也會同步儲存至歷史紀錄中。

2. 任務列表與數據統計（Task List & Analytics）

提供任務管理跟一覽，並且搭配圖像化進度回饋，增強使用時的成就感：

• 任務管理： 支援主/子任務的新增、編輯功能。
• 數據統計： 在任務旁顯示統計時數。
• 視覺化進度條： 依照子任務的完成數量，在主任務欄位顯示進度條，用圖像化方式呈現任務完成度，讓「進度看得見」，進而轉化為持續推進任務的動力。
• 資料自主權（CSV 匯出）： 提供一鍵下載 CSV 檔案功能，讓使用者能自由備份。

3. 常見問題與操作指引（FAQ）

雖然整體 UI/UX 已經盡可能簡化，但為了降低初次使用者的學習門檻，依然保留常見問答區塊，方便使用者迅速排除疑難雜症。

[↓資訊架構 v1.0]

Main Content Area (使用Tab進行頁面切換)
    │
    ├── Tab 1: 計時器 (Timer)
    │   ├── 1. 任務選擇模組
    │   │   ├── 主任務下拉選單
    │   │   └── 子任務下拉選單
    │   │
    │   └── 2. 核心計時區塊
    │       ├── 當前任務標題顯示
    │       ├── 大字體計時器
    │       └── 備註區塊
    │  
    ├── Tab 2: 任務列表 (Task List)
    │   ├── 1. 任務編輯
    │   │   ├── 管理主任務按鈕
    │   │   └── 管理子任務按鈕
    │   │
    │   │── 2. 匯出資料按鈕
    │   │
    │   └── 3. 任務列表
    │       └── 主任務卡片
    │           ├── 標題、子任務完成度進度條、總累計時間
    │           ├── 操作按鈕 (編輯 / 刪除)
    │           └── 子任務明細列表
    │               ├── 標題、累計時間、狀態
    │               ├── 備註
    │               └── 操作按鈕 (編輯 / 刪除)
    │
    └── Tab 3: 常見 Q&A (FAQ)
        ├── Q1: 如何開始計時？
        ├── Q2: 要如何新增子任務？
        └── Q3: 可以把資料下載下來嗎？

未來延伸：AI 時間預測（Roadmap）

未來規劃導入 AI 串接，根據歷史數據提供更精準的「任務預估時間」。不過在本次 30 天的鐵人賽挑戰中，會專注於上述核心 MVP 功能的實作與優化，將這部分留作下一階段的迭代目標。